<!--
亲爱的陌生人，罗翔老师这段话送给迷茫的你：
“对于可控的事情要保持谨慎，对于不可控的事情要保持乐观，人只能做自己能力范围内的事情，更要接受这个事实，并且以乐观的心去应对这一切。” ​ ​​​
 -->
<!-- ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⠀⣼⣿⣿⣦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢸⣿⣿⡟⢰⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⠿⢿⣦⣀⠀⠘⠛⠛⠃⠸⠿⠟⣫⣴⣶⣾⡆⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡀⠀⠉⢿⣦⡀⠀⠀⠀⠀⠀⠀⠛⠿⠿⣿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣦⠀⠀⠹⣿⣶⡾⠛⠛⢷⣦⣄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣧⠀⠀⠈⠉⣀⡀⠀⠀⠙⢿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⡿⠟⠋⠀⠀⢠⣾⠟⠃⠀⠀⠀⢸⣿⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⣠⣶⡿⠛⠉⠀⠀⠀⠀⠀⣾⡇ 加油! ⢸⣿⠇⠀⠀⠀⠀⠀
⠀⢀⣠⣾⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⢀⣼⣧⣀⠀⠀⠀⢀⣼⠇⠀⠀⠀⠀⠀⠀
⠀⠈⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠙⠛⠛⠛⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣾⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢾⠿⠋ -->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=11,IE=10,IE=9,IE=8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" href="../style/img/favicon.ico" mce_href="../style/img/favicon.ico" type="image/x-icon">

		<title>三岁影视</title>

		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->


		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->


		<link rel="stylesheet" href="../style/css/me.css" />
		<link rel="stylesheet" href="../style/js/css/layui.css" media="all">
		<link rel="stylesheet" href="../style/css/auto.css" />

		<link rel="stylesheet" href="../style/css/fakeLoader.min.css">

		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
			integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
			integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
			integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
		</script>

		<style>
			@media print {
				.container {
					width: auto;
				}
			}


			#header_color {
				height: 70px;
			}

			#u2_btn_sy,
			#u2_btn_dy,
			#u2_btn_dsj,
			#u2_btn_zy,
			#u2_btn_dm {
				color: #FFFFFF;
				background-color: transparent;
				border-width: 0rem;
			}

			.type {
				background-color: rgba(232, 242, 254, 1);
				width: 132px;
				height: 99px;
				border-radius: 5px;
				font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 20px;
				color: #257CFF;
				cursor: pointer;
				margin: 0px 0px 0px 35px;
				text-align: center;
				line-height: 95px;
			}

			.type:hover {
				color: #FFFFFF;
				background-color: #257CFF;
				-webkit-box-shadow: #257CFF 0px 0px 20px;
				-moz-box-shadow: #257CFF 0px 0px 20px;
				box-shadow: #257CFF 0px 0px 20px;
			}


			#info_div {
				height: 485px;
				background-color: #ffffff;
				border-radius: 1px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-box-shadow: #ccc 0px 0px 10px;
				-moz-box-shadow: #ccc 0px 0px 10px;
				box-shadow: #ccc 0px 0px 10px;
			}

			#imgUrl {
				float: right;
				width: 220px;
				height: 320px;
				background: inherit;
				box-sizing: border-box;
				border-radius: 7px;
			}

			#playBtn {
				background: inherit;
				background-color: rgba(253, 57, 122, 1);
				border-color: rgba(253, 57, 122, 1);
				box-sizing: border-box;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
				font-weight: 700;
				font-style: normal;
				color: #FFFFFF;
			}

			#playBtn:hover {
				background-color: rgba(253, 36, 83, 1.0);
				-webkit-box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
				-moz-box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
				box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
			}

			#tipsImg {
				width: 76px;
				height: 78px;
				margin: 0px 30px 0px 5px;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<div class="fakeloader"></div>
		<div class="m-mobile-hide">
			<nav class="navbar navbar-default navbar-static-top">
				<div class="container" id="header_color">
					<div class="row">
						<div class="col-md-3">
							<div class="navbar-header" style="margin-top: -15px;float: right;">
								<!-- logo -->
								<span>
									<a class="" href="#" id="title_logo">
										<img alt="Brand" src="../style/img/u1.png">
									</a>
									<img class="" id="title_img" src="../style/img/u2.svg" />
									<!-- 标题 -->
									<p class="" id="title">三岁影视</p>
								</span>
							</div>
						</div>
						<div class="col-md-4">
							<div id="u2_btn">
								<a type="button" href="../index.html" id="u2_btn_sy">首页</a>
								<a type="button" href="dianying.html" id="u2_btn_dy">电影</a>
								<a type="button" href="dianshiju.html" id="u2_btn_dsj">电视剧</a>
								<a type="button" href="zongyi.html" id="u2_btn_zy">综艺</a>
								<a type="button" href="dongman.html" id="u2_btn_dm">动漫</a>
							</div>
						</div>

						<div class="col-md-5">
							<!-- 搜索框 -->
							<div id="u2_search">
								<div class="layui-input-inline">
									<input type="text" id="search_input" style="color: #FFFFFF;" required
										lay-verify="required" placeholder="大人想搜点什么？" autocomplete="off"
										class="layui-input">
								</div>
								<button type="submit" id="search_input_btn" style="color: #FFFFFF;"
									class="btn btn-default">搜索</button>
							</div>
						</div>
					</div>

				</div>
			</nav>

			<!-- 内容部分 -->

			<!-- 内容部分 -->
			<div id="error-404" style="display: none;">
				<iframe marginwidth=0 marginheight=0 width="100%" height=650 src="../error/404.html" frameborder="no">
				</iframe>
			</div>


			<div class="container u3_div">
				<div class="row" id="info_div">
					<!-- <div class="col-md-6" style="padding:40px 20px 0px 4.625rem;"> -->
					<iframe id="player" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto"
						style="overflow-y: auto;border-radius: 10px; overflow-x: hidden;" width="100%" height="100%"
						scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"
						src="https://jiexi.8b5q.cn/player/jx.php?url=http://www.mgtv.com/b/374087/13032719.html?cxid=90f0zbamf"></iframe>
					<!-- </div> -->

				</div>

				<!-- 提示部分 -->
				<div class="layui-row">
					<div class="layui-col-xs12 layui-col-md12">
						<div class="layui-card-body layui-text layadmin-about">
							<blockquote class="layui-elem-quote" style="border: none;">
								<img src="../style/img/tips.png" id="tipsImg" />
								<span class="layui-font-20 layui-font-black">注意：</span>
								<q>嗨！各位老铁，本站包括视频中的广告一定不要相信，都是骗人的！</q>
							</blockquote>
						</div>
					</div>
				</div>

				<!-- 播放接口部分 -->

				<div class="layui-row">
					<div class="layui-col-xs12 layui-col-md12">
						<!--  -->
						<fieldset class="layui-elem-field layui-field-title">
							<legend><b>在线播放</b></legend>
						</fieldset>
						<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
							<ul class="layui-tab-title">
								<li id="api1" value="https://jiexi.8b5q.cn/player/jx.php?url=" class="layui-this">接口1</li>

<!--								<li id="api1" value="http://jx.quanmingjiexi.com/?url=" class="layui-this">接口1</li>-->
<!--								<li id="api2" value="http://jsap.attakids.com/?url=">接口2</li>-->
<!--								<li id="api3" value="http://jx.598110.com/index.php?url=">接口3</li>-->
<!--								<li id="api4" value="http://17kyun.com/api.php?url=">接口4</li>-->
<!--								<li id="api5" value="https://okjx.cc/?url=">接口5</li>-->
							</ul>
							<!-- 集数 -->
							<div class="layui-tab-content" style="height: 100px;">
								<div class="layui-tab-item layui-show mov_api">
									<ul id="mov_api"></ul>
								</div>
								<!-- 分页数据   -->
								<div class="row page">
									<div class="col-md-6">
										<div id="page"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- 相关 -->
				<div class="" style="padding-top:120px;">
					<div class="row">
						<div class="col-md-4">
							<span class="label label-primary u3_div_title">相关视频</span>
						</div>
					</div>

					<div class="row" id="same">
						<!-- <div class="col-md-3">
						<div class="thumbnail">
							<img src="https://ae01.alicdn.com/kf/HTB1s6j_Xrys3KVjSZFn760FzpXaA.png" alt="图片正在赶来的路上..."
								onclick="javascript:location.href='./index.html'" class="u3_div_img">
							<div class="caption">
								<a href="#" class="u3_div_text">向往的生活 第五季</a>
								<p id="u3_div_text_p">更新至20210521
								<p>
							</div>
						</div>
					</div> -->
					</div>
				</div>
			</div>


			<!-- <footer><p>&copy; 2016 Company, Inc.</p></footer> -->
			<div class="layui-footer footer footer-doc">
				<hr>
				<div class="layui-container">
					<div class="site-union" align="left">
						<p class="site-union-desc footer_youlian">
							<span id="">
								友情链接:
							</span>&nbsp;
							<span>
								<a href="https://cloud.tencent.com/" target="_blank">腾讯云</a>
								&nbsp;|&nbsp;
								<a href="http://www.baidu.com" target="_blank">百度</a>
							</span>
						</p>
					</div>

					<div align="center" id="footer_gy">
						<p><span>本站所有视频和图片均来自互联网收集而来，版权归原创者所有，本网站只提供web页面服务，并不提供资源存储，也不参与录制、上传</span></p>
						<p><span>若本站收录的节目无意侵犯了贵司版权，请发邮件至1578393930@qq.com （我们会在3个工作日内删除侵权内容，谢谢。）</span></p>
						<p>&copy; 2021 <a href="#三岁影视" style="text-decoration: none;">三岁影视</a>&nbsp;&nbsp;&nbsp;
							<a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">备案号</a>
						</p>
						<a href='https://gitee.com/wyq517/sansui-movies/stargazers'><img
								src='https://gitee.com/wyq517/sansui-movies/badge/star.svg?theme=dark'
								alt='star'></img></a>

					</div>
				</div>
			</div>
		</div>
		<div class="m-mobile-show" style="display: none;">
			<iframe marginwidth=0 marginheight=0 width="100%" height=850px src="../m/index.html"
				frameborder="no"></iframe>
		</div>

		<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
		<script src="../style/js/fakeLoader.min.js"></script>
		<script>
			//加载事件

			// $(document).ready(function() {
			// 	$.fakeLoader({
			// 		timeToHide: 1200,
			// 		bgColor: "#55007f",
			// 		spinner: "spinner7"
			//         // imagePath:"yourPath/customizedImage.gif" //也可以加入gif加载图片
			// 	});
			// });


			//加载完成事件

			$(window).on('load', function() {
				$.fakeLoader({
					timeToHide: 1200,
					bgColor: "#55007f",
					spinner: "spinner4"
				});
			});
		</script>
		<div class="fakeLoader"></div>
		<script src="../style/js/me.js"></script>
		<script src="../style/js/mov.js"></script>
		<script src="../style/js/layui.js" charset="utf-8"></script>
		<script src="../style/js/jquery.params.js"></script>
		<script src="../style/js/jquery.base64.js"></script>
		<script src="https://cdn.jsdelivr.net/gh/hei-jack/heigobacktop@V1.0.1/dist/heigobacktop.min.js"></script>


		<script>
			let example = new HeiGoBackTop(2);

			example.onBeforeCreate(function() {
				// 设置主题
				this.themes = 3;
				// 设置移动速度
				this.speed = 40;
				// 设置按钮样式
				this.width = "80px"

			});

			//获取请求地址的参数
			var title = $.query.get("title");
			var vodid = $.query.get("vodid");
			var play_url = $.query.get("url");
			var play_api_url = $(".layui-this").attr("value");

			if (vodid) {
				// 正常获取影视详细信息
				$(document).attr('title', '正在播放-' + title + '-三岁影视');
				$("#player").attr("src", play_api_url+play_url);

				var infoData = get_info(vodid);
				var arr = infoData.vod_play_url.split("#")

				layui.use(['laypage', 'layer'], function () {
					var laypage = layui.laypage
							, layer = layui.layer;
					laypage.render({
						elem: 'page'
						, count: arr.length
						, jump: function (obj) {
							document.getElementById('mov_api').innerHTML = function () {
								var arr1 = []
										, thisData = arr.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
								layui.each(thisData, function (index, item) {
									var numName = item.substring(0, item.indexOf("$"));
									var playUrl = item.substring(item.indexOf("$") + 1);
									arr1.push('<li type="button" vodid="' + vodid + '" title="' + title + '" onclick="jump_play(this)" value="' + playUrl + '" class="numBtn layui-btn layui-btn-primary layui-border-black">' + numName + '</li>');
								});
								return arr1.join('');
							}();
						}
					});


				});

			} else {
				$(".u3_div").attr("style", "display:none;");
				$("#error-404").removeAttr("style");
				$(document).attr('title', '404-三岁影视');
			}


			function search_srt_isnull() {
				var search_str = $("#search_input").val();
				if (search_str == "" || search_str == null) {
					// alert("搜索内容不可为空")
					layer.msg('搜索内容不可为空', function() {
						//关闭后的操作
					});
				}else{
					let title = $("#search_input").val();
					url = "./search.html?wd=" + title; //此处拼接内容
					window.location.href = url;
				}
			};

			$("#search_input_btn").click(function() {
				search_srt_isnull();
				return false;
			})

			// 回车事件
			$('#search_input').bind('keypress', function(event) {
				if (event.keyCode == "13") {
					search_srt_isnull();
					return false;
				}
			});


		</script>

	</body>
</html>
